@import "./_default.scss";
.public-content {
    width: 1200px;
    margin: 0 auto;
    height: 100%;
}

.public-nav {
    height: 105px;
    width: 100%;
    &-wrap {
        height: 100%;
        width: 100%;
        display: flex;
        justify-content: space-between;
        .public-logo {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 150px;
            height: 100%;
            .default-img{
                width: 100%;
            }
        }
        nav {
            height: 100%;
            flex: 1;
            display: flex;
            justify-content: flex-end;
            align-items: center;
            .nav-list {
                width: 840px;
                display: flex;
                justify-content: center;
                align-content: center;
                float: right;
                .nav-item {
                    flex: 1;
                    a {
                        display: block;
                        height: 50px;
                        line-height: 50px;
                        span {
                            font-size: $size18;
                            position: relative;
                        }
                    }
                    &.active {
                        a {
                            color: $greenColor;
                            span::after {
                                position: absolute;
                                content: "";
                                bottom: -10px;
                                right: 0;
                                left: 0;
                                width: 100%;
                                background: $greenColor;
                                height: 1px;
                            }
                        }
                    }
                    &:hover {
                        @extend .active;
                    }
                }
            }
        }
    }
}